


<!DOCTYPE html>

<html>

<head>
    <title>Hero Patches | Custom Patches, Custom Embroidered Patches</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <meta http-equiv="X-UA-Compatible" content="IE=8" />

    <link rel="shortcut icon" href="http://heropatches.com/wp-content/themes/heropatches/images/favicon.png" type="image/x-icon" />


    <link href="http://heropatches.com/wp-content/themes/heropatches/style.css" rel="stylesheet" media="screen">
    <!--[if IE]>
    <!--<link type="text/css" rel="stylesheet" media="all" href="http://heropatches.com/wp-content/themes/heropatches/css/general.css">-->
    <link type="text/css" rel="stylesheet" media="all" href="http://heropatches.com/wp-content/themes/heropatches/css/ie.css?A" />
    <![endif]-->
    <!--[if lte IE 6]>
    <link type="text/css" rel="stylesheet" media="all" href="http://heropatches.com/wp-content/themes/heropatches/css/ie6.css?A" />
    <![endif]-->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,800,700|Open+Sans+Condensed:700' rel='stylesheet' type='text/css'>
    <link href="http://heropatches.com/wp-content/themes/heropatches/css/prettyPhoto.css" rel="stylesheet" media="screen">
    <link href="http://heropatches.com/wp-content/themes/heropatches/css/ouibounceModal.css" rel="stylesheet" media="screen">
    <!--[if IE]>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <![endif]-->
    <script src="//cdn.optimizely.com/js/1337170301.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
    <script src="http://heropatches.com/wp-content/themes/heropatches/js/jquery.js"></script>
    <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
    <script src="http://heropatches.com/wp-content/themes/heropatches/js/gtm.js" async=""></script>
    <script src="http://heropatches.com/wp-content/themes/heropatches/js/analytics.js" async=""></script>
    <script src="http://heropatches.com/wp-content/themes/heropatches/js/carouFredSel.js" async=""></script>
    <script src="http://heropatches.com/wp-content/themes/heropatches/js/jquery.mousewheel.min.js" async=""></script>
    <script src="http://heropatches.com/wp-content/themes/heropatches/js/jquery.touchSwipe.min.js" async=""></script>
    <script src="http://heropatches.com/wp-content/themes/heropatches/js/plupload.full.min.js" async=""></script>
    <script src="http://heropatches.com/wp-content/themes/heropatches/js/jquery.validate.min.js" async=""></script>
    <script src="http://heropatches.com/wp-content/themes/heropatches/js/ouibounce.min.js" async=""></script>
    <script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
        ga('create', 'UA-43699509-1', 'heropatches.com');
        ga('send', 'pageview');
    </script>




    <link href="http://heropatches.com/wp-content/themes/heropatches/css/bootstrap.min.css" rel="stylesheet">
    <link href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css" rel="stylesheet">
    <link href="http://heropatches.com/wp-content/themes/heropatches/css/font-awesome.min.css" rel="stylesheet">
    <link href="http://heropatches.com/wp-content/themes/heropatches/css/custom-main.css" rel="stylesheet">
    <link href="http://heropatches.com/wp-content/themes/heropatches/css/carousel.css" rel="stylesheet">
    <link href="http://heropatches.com/wp-content/themes/heropatches/nivo/nivo-slider.css" rel="stylesheet">
    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

    <link rel="stylesheet" href="http://heropatches.com/wp-content/themes/heropatches/nivo/themes/default/default.css" type="text/css" media="screen" />
    <!--    <link rel="stylesheet" href="style.css" type="text/css" media="screen" />-->
    <!--[if lt IE 9]>
    <script src="http://heropatches.com/wp-content/themes/heropatches/js/html5shiv.js"></script>
    <script src="http://heropatches.com/wp-content/themes/heropatches/js/respond.min.js"></script>
    <![endif]-->
<!--    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>-->
    <script src="http://heropatches.com/wp-content/themes/heropatches/js/bootstrap.min.js"></script>






    <div class="div-height-zero"><img style="border-style:none;" alt="" src="http://heropatches.com/wp-content/themes/heropatches/images/out.gif" height="1" width="1">
        <img style="border-style:none;" alt="" src="http://heropatches.com/wp-content/themes/heropatches/images/a.gif" height="1" width="1">
        <img src="http://heropatches.com/wp-content/themes/heropatches/images/seg.gif" height="1" width="1">
    </div>

    
<!-- This site is optimized with the Yoast WordPress SEO plugin v1.4.23 - http://yoast.com/wordpress/seo/ -->
<meta name="description" content="Welcome to Hero Patches, we are the leading patch company in the industry. No one can beat our prices or compete with our quality."/>
<link rel="canonical" href="http://heropatches.com/" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Hero Patches | Custom Patches, Custom Embroidered Patches" />
<meta property="og:description" content="Welcome to Hero Patches, we are the leading patch company in the industry. No one can beat our prices or compete with our quality." />
<meta property="og:url" content="http://heropatches.com/" />
<meta property="og:site_name" content="Hero Patches" />
<meta property="article:published_time" content="2014-07-28T15:04:06+00:00" />
<meta property="article:modified_time" content="2014-07-28T16:47:48+00:00" />
<!-- / Yoast WordPress SEO plugin. -->

<link rel="alternate" type="application/rss+xml" title="Hero Patches &raquo; Hero Patches-b Comments Feed" href="http://heropatches.com/hero-patches-b/feed/" />
<script type='text/javascript'>
/* <![CDATA[ */
var ProductsPaginationCategories = {"ajaxurl":"http:\/\/heropatches.com\/wp-admin\/admin-ajax.php"};
var ProductsPagination = {"ajaxurl":"http:\/\/heropatches.com\/wp-admin\/admin-ajax.php"};
var LabelProductsPagination = {"ajaxurl":"http:\/\/heropatches.com\/wp-admin\/admin-ajax.php"};
var CapsProductsPagination = {"ajaxurl":"http:\/\/heropatches.com\/wp-admin\/admin-ajax.php"};
/* ]]> */
</script>
<script type='text/javascript' src='http://heropatches.com/wp-content/themes/heropatches/scripts.js?ver=3.8'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://heropatches.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://heropatches.com/wp-includes/wlwmanifest.xml" /> 

<link rel='shortlink' href='http://heropatches.com/?p=1933' />
<script type="text/javascript" src="http://yui.yahooapis.com/combo?2.8.0r4/build/yahoo-dom-event/yahoo-dom-event.js"></script>	<style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
</head>

<body class="lightbox-processed">



    <script type="text/javascript">
        var ffid=33333;
        $(document).ready(function() {
            $(".quote_outer input[type=file]").change(function(event) {
                event.preventDefault();
                $(this).after('<div id="'+ffid+'"><img src="http://heropatches.com/wp-content/themes/heropatches/images/images.jpg" alt=""/>&nbsp; Image Selected.</div>');});
        });

        $(function() {
            $( ".selector" ).datepicker({ dateFormat: 'yy-mm-dd' });
            $( "#datepicker" ).datepicker();
            $( "#Deadline" ).datepicker();
        });
    </script>

    <script type="text/javascript" src="http://heropatches.com/wp-content/themes/heropatches/nivo/jquery.nivo.slider.js"></script>
    <script type="text/javascript">
        $(window).load(function() {
            $('#slider').nivoSlider();
            $('#slider2').nivoSlider();

            $('#carousel').carouFredSel({
                circular: true,         // Determines whether the carousel should be circular.
                infinite: true,         // Determines whether the carousel should be infinite. Note: It is possible to create a non-circular, infinite carousel, but it is not possible to create a circular, non-infinite carousel.
                responsive: true,      // Determines whether the carousel should be responsive. If true, the items will be resized to fill the carousel.
                direction: "left",      // The direction to scroll the carousel. Possible values: "right", "left", "up" or "down".
                width: null,            // The width of the carousel. Can be null (width will be calculated), a number, "variable" (automatically resize the carousel when scrolling items with variable widths), "auto" (measure the widest item) or a percentage like "100%" (only applies on horizontal carousels)
                height: null,           // The height of the carousel. Can be null (width will be calculated), a number, "variable" (automatically resize the carousel when scrolling items with variable heights), "auto" (measure the tallest item) or a percentage like "100%" (only applies on vertical carousels)
                align: "center",
                scroll : {
                    items           : 1
                },
                wraper : {
                    element     : "div",
                    classname   : "col-sm-8"
                }
            });
        });


    </script>

<div id="wrapper">

<!--    header heropatches-->
    <div class="well well-sm well-header-blue nopadding">
        <div class="container">
            <div class="row">
                <div class="contact-wrapper">

                    <div class="col-sm-5 live-chat">
                        <div class="rep">A representative is available now:

                            <!-- This code must be installed within the body tags -->
                            <script type="text/javascript">
                                var lhnAccountN = "15477-1";
                                var lhnButtonN = 6062;
                                var lhnChatPosition = 'default';
                                var lhnInviteEnabled = 1;
                                var lhnWindowN = 0;
                                var lhnDepartmentN = 0;
                            </script>
                            <a href="http://www.livehelpnow.net/products/live-chat-system" target="_blank" style="font-size:10px;" id="lhnHelp">Live Chat Software</a>
                            <script src="//www.livehelpnow.net/lhn/widgets/chatbutton/lhnchatbutton-current.min.js" type="text/javascript" id="lhnscript"></script>

                        </div>
                    </div>

                    <div class="col-sm-6 phone-and-mail">
                        <div class="col-sm-5 patches-phone">
                        <span class="fa-stack fa-lg">
                          <i class="fa fa-certificate fa-stack-2x color-light-blue"></i>
                          <i class="fa fa-phone fa-stack-1x"></i>
                        </span>
                            <a class="tel-number phone-num-size" href="tel:877.731.4711">877.731.4711</a>
                            <!--<a class="tel-number visible-lg visible-md visible-sm hidden-xs" href="callto:1.877.731.3456">1.877.731.3456</a>-->
                        </div>

                        <div class="col-sm-6 patches-email">
                        <span class="fa-stack fa-lg">
                          <i class="fa fa-certificate fa-stack-2x color-light-blue"></i>
                          <i class="fa fa-envelope fa-stack-1x font-small"></i>
                        </span>
                            <a class="tel-number2" href="mailto:customer@heropatches.com">customer@heropatches.com</a>
                        </div>

                    </div>

                </div>
            </div>
        </div>
    </div>

    <div class="jumbotron-form jumbotron-form-shadow">
        <div class="container">
            <div class="fleft col-sm-3-no-padding">
                <a href="/"><img src="http://heropatches.com/wp-content/themes/heropatches/images/logo.png" alt="HeroPatches" class="navbar-brand logo-heropatches"></a>
            </div>
            <button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
                <i class="fa fa-bars"></i>
            </button>
            <div class="fleft col-sm-9-no-padding">

                <div class="collapse aaa navbar-collapse navHeaderCollapse meniu-nav">
                    <ul class="nav navbar-nav navbar-left" id="header-menu">
                        <li id="menu-item-122" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-122"><a>CATEGORY</a>
<ul class="sub-menu">
	<li id="menu-item-123" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-123"><a href="http://heropatches.com/airsoft-patches/">Airsoft Patches</a></li>
	<li id="menu-item-124" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-124"><a href="http://heropatches.com/biker-patches/">Biker patches</a></li>
	<li id="menu-item-125" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-125"><a href="http://heropatches.com/college-patches/">College Patches</a></li>
	<li id="menu-item-126" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-126"><a href="http://heropatches.com/fire-and-ems-patches/">FireFighter Patches</a></li>
	<li id="menu-item-127" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-127"><a href="http://heropatches.com/girl-scout-patches/">Girl Scout Patches</a></li>
	<li id="menu-item-128" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-128"><a href="http://heropatches.com/logo-patches/">Logo Patches</a></li>
	<li id="menu-item-129" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-129"><a href="http://heropatches.com/martial-arts-patches/">Martial Arts Patches</a></li>
	<li id="menu-item-130" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-130"><a href="http://heropatches.com/military-patches/">Military Patches</a></li>
	<li id="menu-item-132" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-132"><a href="http://heropatches.com/outdoor-patches/">Outdoor Patches</a></li>
	<li id="menu-item-133" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-133"><a href="http://heropatches.com/paintball-patches-gallery/">Paintball Patches</a></li>
	<li id="menu-item-134" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-134"><a href="http://heropatches.com/police-patches/">Police Patches</a></li>
	<li id="menu-item-135" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-135"><a href="http://heropatches.com/security-patches/">Security Patches</a></li>
	<li id="menu-item-136" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-136"><a href="http://heropatches.com/soccer-patches/">Soccer Patches</a></li>
</ul>
</li>
<li id="menu-item-13" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13"><a href="http://heropatches.com/about/">ABOUT</a></li>
<li id="menu-item-164" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-164"><a href="http://heropatches.com/special-options/">Special Options</a></li>
<li id="menu-item-246" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-246"><a href="http://heropatches.com/blog/">Blog</a></li>
<li id="menu-item-181" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-181"><a href="http://heropatches.com/gallery-of-patches/">Gallery of Patches</a></li>
<li id="menu-item-195" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-195"><a href="http://heropatches.com/faq/">FAQ</a></li>
<li id="menu-item-228" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-228"><a href="http://heropatches.com/pricing-50-embroidery-coverage/">Pricing</a></li>
<li id="menu-item-269" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-269"><a href="http://heropatches.com/how-it-works/">How It Works</a></li>

                    </ul>

                </div>
            </div>
            <div id="slideDownForm" class="fright col-sm-9-no-padding">
                <img src="http://heropatches.com/wp-content/themes/heropatches/images/free-quote.png" alt="FreeQuote" class="navbar-brand logo-freequote">
            </div>
        </div>
    </div>


    <div style="clear: both;"></div>
<div id="heropatches-landing-page">
        <div class="top_container langing-page-top-container">

        <div class="mobile-600 hidden-lg hidden-md hidden-sm visible-xs">
            <div class="container">
                <div class="col-sm-12">

                    <div class="col-sm-12 blueform-mobile-small">
                        <div class="height-15"></div>
                        <div class="get-free-quote">GET A FREE QUOTE NOW!</div>
                                                <form role="form" method="POST" id="contact-form" class="mobile-small-new-form" enctype="multipart/form-data">
                            <div class="col-sm-12"><div class="form-group"><label for="edit-title-1">Name:</label><input type="text" id="m-Name" name="form[Name]" placeholder="Name" class="form-text form-control" /></div></div><div class="col-sm-6"><div class="form-group"><label for="edit-title-1">Phone:</label><input type="text" id="m-Phone" name="form[Phone]" placeholder="Phone" class="form-text form-control" /></div></div><div class="col-sm-6"><div class="form-group"><label for="edit-title-1">Email:</label><input type="text" id="m-Email" name="form[Email]" placeholder="Email" class="form-text form-control" /></div></div><div class="col-sm-6"><div class="form-group"><label for="Quantity">Quantity:</label><select id="Quantity" name="variations[Quantity]]" class="form-text form-control"><option value="30">10</option><option value="31">20</option><option value="32">50</option><option value="33">100</option><option value="34">200</option><option value="35">300</option><option value="36">500</option><option value="37">1000</option><option value="38">2000</option><option value="39">3000</option><option value="40">4000</option><option value="41">5000</option><option value="42">7500</option><option value="43">10000</option></select> </div></div><input type="hidden" id="m-Deadline" name="form[Deadline]" placeholder="Deadline" class="form-text form-control" /><input type="hidden" value="1" name="Product" /><div class="col-sm-6"><div class="form-group"><label for="edit-title-1">AlternativeEmail</label><input type="text" id="m-AlternativeEmail" name="form[AlternativeEmail]" placeholder="AlternativeEmail" class="form-text form-control" /></div></div>                            <script type="text/javascript">
                                $('#m-AlternativeEmail').parent().parent().addClass('TopTd');
                            </script>
                            <div class="clearfix"></div>
                            <div class="col-md-12">
                                <div class="clearfix"></div>
                                <div class="center-submit">
                                    <input name="button" class="btn btn-warning submit-blue-form btn-lg btn-block" id="button" value="Give me your best price" onclick="return check_valid1();" type="submit">
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

        <div id="wrapper2">
            <div class="slider-wrapper theme-default">
                <div class="visible-lg visible-md visible-sm hidden-xs">
                    <div class="container landing-page-background-container">
                        <div class="landing-headder-text">
                            <h2>Professional Quality Patches</h2>
                            <p>Patches Made Using The Best Materials Brought To At The Best Prices.</p>
                        </div>
                        <div class="landing-headder-middle-text">
                            <p>&middot;Free In House Dedicated Designer</p>
<p>&middot;Fast Free Shipping</p>
<p>&middot;Rush Service Available</p>
<p>&middot;Low Minimum Orders</p>
<p>&middot;Bulk Pricing Available</p>
<p>&middot;1 Million + Customers Served</p>
<p>&middot;Order Tracking</p>
                        </div>
                        <div id="slider-form">
                            <div class="landing-form-text">
                                <h3>Get Started Today</h3>
                            </div>
                            <div class="blueform new-improved-blueform">
                                                                <form role="form" method="POST" id="contact-form" class="new-improved-home-form" enctype="multipart/form-data">
                                    <div class="col-sm-12"><div class="form-group"><label for="edit-title-1">Name: *</label><input type="text" id="Name" name="form[Name]" placeholder="Name" class="form-text form-control" /></div></div><div class="col-sm-6"><div class="form-group"><label for="edit-title-1">Phone:</label><input type="text" id="Phone" name="form[Phone]" placeholder="Phone" class="form-text form-control" /></div></div><div class="col-sm-6"><div class="form-group"><label for="edit-title-1">Email: *</label><input type="text" id="Email" name="form[Email]" placeholder="Email" class="form-text form-control" /></div></div><div class="col-sm-6"><div class="form-group"><label for="Size">Size:</label><select id="Size" name="variations[Size]]" class="form-text form-control"><option value="1">2 inches</option><option value="2">2.5 inches</option><option value="3">3 inches</option><option value="4">3.5 inches</option><option value="5">4 inches</option><option value="6">4.5 inches</option><option value="7">5 inches</option><option value="8">5.5 inches</option><option value="9">6 inches</option><option value="10">6.5 inches</option><option value="11">7 inches</option><option value="12">7.5 inches</option><option value="13">8 inches</option><option value="14">8.5 inches</option><option value="15">9 inches</option><option value="16">9.5 inches</option><option value="17">10 inches</option><option value="18">10.5 inches</option><option value="19">11 inches</option><option value="20">11.5 inches</option><option value="21">12 inches</option></select> </div></div><div class="col-sm-6"><div class="form-group"><label for="PercentageofEmbroidery">% Embroidery:</label><select id="PercentageofEmbroidery" name="variations[PercentageofEmbroidery]]" class="form-text form-control"><option value="27">50%</option><option value="28">75%</option><option value="29">100%</option></select> </div></div><div class="col-sm-6"><div class="form-group"><label for="Quantity">Quantity:</label><select id="Quantity" name="variations[Quantity]]" class="form-text form-control"><option value="30">10</option><option value="31">20</option><option value="32">50</option><option value="33">100</option><option value="34">200</option><option value="35">300</option><option value="36">500</option><option value="37">1000</option><option value="38">2000</option><option value="39">3000</option><option value="40">4000</option><option value="41">5000</option><option value="42">7500</option><option value="43">10000</option></select> </div></div><div class="col-sm-6"><div class="form-group"><label for="edit-title-1">Date needed: </label><input type="text" id="Deadline" name="form[Deadline]" placeholder="Deadline" class="form-text form-control" /></div></div><div class="col-sm-6"><div class="form-group"><div  id="edit-field-fq-image-0-1-ahah-wrapper"><div class="form-item" id="edit-field-fq-image-0-1-upload-wrapper"><label for="File">Image Upload:</label><div class="filefield-upload clear-block"><input style="width:68%" type="file" class="form-file wmds-form-file" id="File" name="File" /> </div></div></div></div></div><input type="hidden" value="1" name="Product" /><div class="col-sm-6"><div class="form-group"><label for="edit-title-1">AlternativeEmail</label><input type="text" id="AlternativeEmail" name="form[AlternativeEmail]" placeholder="AlternativeEmail" class="form-text form-control" /></div></div><div class="col-sm-6"><div class="form-group"><label for="Notes">Notes: </label><textarea cols="60" rows="1" id="Notes" name="form[Notes]" placeholder="Notes" class="form-textarea  resizable form-control"></textarea> </div></div>                                    <script type="text/javascript">
                                        $('#AlternativeEmail').parent().parent().addClass('TopTd');
                                    </script>
                                    <div class="clearfix"></div>
                                    <div class="col-md-12">
                                        <div class="clearfix"></div>
                                        <div class="center-submit">
                                            <input name="button" class="btn btn-warning submit-blue-form btn-lg btn-block" id="button" value="Give me your best price" onclick="return check_valid1();" type="submit">
                                        </div>
                                    </div>
                                </form>
                            </div>

                            <div class="blueform-absolute-tip"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <div class="landing-headder-footer hidden-xs"></div>

    <div class="div">
        <div class="container fam-patches visible-lg visible-md visible-sm visible-xs">
            <div class="col-sm-12">
                <div class="satisfied-customers">Satisfied customers</div>
            </div>
            <div class="col-sm-12 famous-patch-block">

                
                        <div class="famous-patch">
                            <img class="img-responsive" alt="" src="http://heropatches.com/wp-content/uploads/2014/01/bw3s.png">
                        </div>
                    
                        <div class="famous-patch">
                            <img class="img-responsive" alt="" src="http://heropatches.com/wp-content/uploads/2014/01/nfl.png">
                        </div>
                    
                        <div class="famous-patch">
                            <img class="img-responsive" alt="" src="http://heropatches.com/wp-content/uploads/2014/01/ebay.png">
                        </div>
                    
                        <div class="famous-patch">
                            <img class="img-responsive" alt="" src="http://heropatches.com/wp-content/uploads/2014/01/toyota.png">
                        </div>
                    
                        <div class="famous-patch">
                            <img class="img-responsive" alt="" src="http://heropatches.com/wp-content/uploads/2014/01/petco.png">
                        </div>
                    
                        <div class="famous-patch">
                            <img class="img-responsive" alt="" src="http://heropatches.com/wp-content/uploads/2014/08/volkswagen1.jpg">
                        </div>
                                </div>

        </div>
    </div>
</div>
    <div class="jumbotron jumbotron-blue bebas-neue">
        <div class="container">
            <div class="col-sm-4">
                <div><a class="middle-text" href = "#"><i class="fa fa-star"></i> QUICK TURNAROUND TIME</a></div>
                <div><a class="middle-text" href = "#"><i class="fa fa-star"></i> 2-4 DAYS RUSH AVAILABLE</a></div>
            </div>
            <div class="col-sm-4">
                <div class="text-center"><a class="middle-text" href = "#"><i class="fa fa-star"></i> FREE SHIPPING</a></div>
                <div class="text-center"><a class="middle-text" href = "#"><i class="fa fa-star"></i> LOWEST PRICE GUARANTEED </a></div>
            </div>
            <div class="col-sm-4">
                <div ><a class="middle-text" href = "#"><i class="fa fa-star"></i> FREE SETUP &#38; DESIGN</a></div>
                <div><a class="middle-text" href = "#"><i class="fa fa-star"></i> FREE UNLIMITED EDITS</a></div>
            </div>
        </div>
    </div>

    <div class="jumbotron-avigirl">
        <img src="http://heropatches.com/wp-content/themes/heropatches/images/pilot.jpg" class="img-responsive">
    </div>

    <!--<div class="jumbotron jumbotron-form">
        <div class="container">
            <div class="col-sm-12">
                <div class="welcome-to"><h1>Custom Patches Customized For You By</h1></div>
                <div class="hero-patches">volkswagen</div>
                <div class="welcome-to_line"><img src="http://heropatches.com/wp-content/themes/heropatches/images/line.jpg" /></div>
            </div>
            <div class="col-sm-12">
                            </div>
        </div>
    </div>-->

    <div class="jumbotron jumbotron-red visible-lg visible-md visible-sm hidden-xs">
            <div class="col-sm-12 stelute">
                <div class="sample-pricing">SAMPLE PRICING</div>
                <div class="stars-conainter">

                    <div class="stars">
                        <i class="fa fa-star fleft"></i>
                        <i class="fa fa-star fright"></i></div>
                </div>

            </div>

            <div class="patch-pieces">
                3X3" PATCH | 50 PIECES
            </div>
    </div>

    <div class="jumbotron jumbotron-form-vs  visible-lg visible-md visible-sm hidden-xs">
        <div class="container">
            <div class="col-sm-12">
                <div class="col-sm-5">
                    <div class="competitor">Competitor A -------------- $2.55</div>
                    <div class="competitor">Competitor B -------------- $2.58</div>
                </div>
                <div class="col-sm-2">
                    <img src="http://heropatches.com/wp-content/themes/heropatches/images/vs.png" alt="vs" class="vs">

                </div>
                <div class="col-sm-5">
                    <div>
                        <img src="http://heropatches.com/wp-content/themes/heropatches/images/logo.png" alt="HeroPatches" class="navbar-brand fleft logo-heropatches">
                        <div class="competitor dotted-line fleft"> -------- </div><div class="red-price fleft"> $2.47!</div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="jumbotron jumbotron-blue-nobody  visible-lg visible-md visible-sm hidden-xs">
        <div class="container">
            <div class="nobody-can-beat">
                NOBODY CAN BEAT OUR PRICE!
            </div>
        </div>
    </div>

    <div class="jumbotron-army visible-lg visible-md visible-sm hidden-xs">
        <img src="http://heropatches.com/wp-content/themes/heropatches/images/soldier.jpg" class="img-responsive">
    </div>

    <div class="div">
        <div class="container visible-lg visible-md visible-sm hidden-xs">
            <div class="col-sm-12">
                <div class="col-sm-2">
                    <div class="quote text-right"><img src="http://heropatches.com/wp-content/themes/heropatches/images/quote-up.png"> </div>
                </div>
                <div class="col-sm-8">
                <div id="carousel" class="">

                                                <div class="nive-item">
                                <div class="col-sm-3 carousel-item">
                                    <img src="http://heropatches.com/wp-content/uploads/2014/01/custom-patch.jpg" title="" class="brotherhood"/>

                                </div>
                                <div class="col-sm-9 carousel-item">
                                    <div class="testimonials">TESTIMONIALS</div>
                                    <div class="text-infos-testimonials">
                                        <div>I&#8217;m a bit late in thanking you for the great job that was done on my order of custom patches. I&#8217;m also emailing you to request a quote for the same design but this time just 200 patches. I&#8217;ll be looking forward to hearing back from you soon.</div>
                                        <div class="clearfloat"></div>
                                    </div>
                                    <div  class="text-infos-testimonials">
                                        &#8212;Scott                                        <div class="clearfloat"></div>
                                    </div>
                                </div>
                                <div class="clearfloat"></div>
                            </div>

                                                    <div class="nive-item">
                                <div class="col-sm-3 carousel-item">
                                    <img src="http://heropatches.com/wp-content/uploads/2014/01/embroidered-patch.jpg" title="" class="brotherhood"/>

                                </div>
                                <div class="col-sm-9 carousel-item">
                                    <div class="testimonials">TESTIMONIALS</div>
                                    <div class="text-infos-testimonials">
                                        <div>I hope you are doing well.  We are looking forward to receiving our first order through Hero Patches, and I&#8217;m sure it will be outstanding. I wanted to know if it&#8217;s possible to get similar pricing from Hero Patches as with the last custom patch order we had where your company beat Custom Patches&#8217; quote.  We know another  company can offer competitive pricing, but we are extremely impressed with your company and its value placed on customer service.</div>
<div></div>
                                        <div class="clearfloat"></div>
                                    </div>
                                    <div  class="text-infos-testimonials">
                                        &#8212;Stacey Kawamoto                                        <div class="clearfloat"></div>
                                    </div>
                                </div>
                                <div class="clearfloat"></div>
                            </div>

                                                    <div class="nive-item">
                                <div class="col-sm-3 carousel-item">
                                    <img src="http://heropatches.com/wp-content/uploads/2014/01/custom-embroidered-patches.jpg" title="" class="brotherhood"/>

                                </div>
                                <div class="col-sm-9 carousel-item">
                                    <div class="testimonials">TESTIMONIALS</div>
                                    <div class="text-infos-testimonials">
                                        <div>Hello, Hero Patches is an amazing company. I thank you and all who were involved in getting my classic car patches made and shipped to me before Christmas. I was floored when I received the shipment and the custom patches were just outstanding. I will be dealing with Hero Patches in the future for sure.</div>
                                        <div class="clearfloat"></div>
                                    </div>
                                    <div  class="text-infos-testimonials">
                                        &#8212;Robin Smith                                        <div class="clearfloat"></div>
                                    </div>
                                </div>
                                <div class="clearfloat"></div>
                            </div>

                                        </div>


                </div>
                <div class="col-sm-2">
                    <div class="quote text-left"><img src="http://heropatches.com/wp-content/themes/heropatches/images/quote-down.png"> </div>
                </div>

        </div>
            <div class="clearfloat"></div>

        </div>



    <div class="jumbotron-biker">
        <img src="http://heropatches.com/wp-content/themes/heropatches/images/biker.jpg" class="img-responsive">
    </div>



<!--    heropatches starts here-->
<div class="jumbotron jumbotron-blue-footer">
    <div class="container">
        <div class="col-sm-12">
            <div class="col-sm-3">
                <div class="footer-text">CONTACT</div>
                <div class="footer-small-text">Call Us:</div>
                <div class="footer-small-text"><a href="tel:877.731.4711">877.731.4711</a></div>
                <div class="footer-small-text">Email Us:</div>
                <div class="footer-small-text"><a href="mailto:customer@heropatches.com">customer@heropatches.com</a></div>
            </div>

            <div class="col-sm-3">
                <div class="footer-text">POPULAR POSTS</div>
                                                <div class="footer-small-text"><a href="http://heropatches.com/?p=1985">Who Said Patches Aren't in Style? </a></div>
                <div class="footer-small-text-bold">09-06-2014 - 00:13</div>
                                <div class="footer-small-text"><a href="http://heropatches.com/?p=1968">135 Merit Badges </a></div>
                <div class="footer-small-text-bold">08-14-2014 - 17:56</div>
                            </div>
                        <div class="col-sm-3">
                <div class="footer-text">FOLLOW US</div>
                <div class="footer-small-text">Follow us on<span class="footer-small-text-bold"> <a href="https://twitter.com/HeroPatches">Twitter</a></span></div>
                <div class="footer-small-text">Like us on<span class="footer-small-text-bold"> <a href="https://www.facebook.com/pages/Hero-Custom-Products/320184221415734">Facebook</a></span></div>
                <div class="footer-text"><a href="/privacy-policy/">Privacy Policy</a></div>

            </div>
            <div class="col-sm-3">
                <div class="footer-text">TURN AROUND TIME</div>
                <div class="footer-small-text">Approve your patch sample today and receive your patches as soon as:</div>
                <div class="height-10"></div>
                <div class="footer-small-text-bold">
                    Thursday 27th of November 2014                </div>
                <div class="footer-small-text">for Rush Delivery or</div>
                <div class="height-10"></div>
                <div class="footer-small-text-bold">
                    Wednesday 3rd of December 2014                </div>
                <div class="footer-small-text">for Standard Delivery</div>

            </div>
        </div>
    </div>
    <div class="container">
        <div class="col-sm-12 footer footer-small-text-copy">
            <div><p>Copyright © 2014 Hero Patches. All rights reserved.</p></div>
            <div class="height-15"></div>
        </div>

    </div>
</div>

<!-- Ouibounce Modal -->
<div id="ouibounce-modal">
    <div class="underlay"></div>
    <div class="modalOui mod_four">
        <div class="mod_close">
            <a href="#" onclick="javascript:void(0);"><img src="http://heropatches.com/wp-content/themes/heropatches/images/popups/xbl.png" alt="Close" /> </a>
        </div>

        <div class="mod_title4">
            <h1>GET<br/>
                EXCLUSIVE<br/>
                DISCOUNTS!</h1>
        </div>

        <div class="modal-body pop4">
            <form action="/" accept-charset="UTF-8" method="post" id="popup-form" enctype="multipart/form-data">
                <input type="hidden" class="hidden-input" value="Customer" name="form[Name]" /><input type="text" class="mod-mail-input2" name="form[Email]" placeholder="Enter your email address *"><input type="hidden" class="hidden-input" value="1" name="Product" /><input maxlength="255" name="form[AlternativeEmail]" id="p-AlternativeEmail" size="60" placeholder="" class="form-text" type="text">                <script type="text/javascript">
                    $('#p-AlternativeEmail').addClass('TopTd');
                </script>
                <p class="form-notice2">You will receive an additional</p>
                <p class="form-notice21">10% DISCOUNT</p>
                <input type="hidden" name="bouncePop" class="hidden-input" value="1">
                <button type="submit" class="mod_button_sign2">sign me in</button>
            </form>
        </div>
    </div>
</div>


    <input name="pnf" value="" type="hidden"></div>
<!--</div>-->





</div><div id="lightbox2-overlay" style="display: none;"></div>
<div id="lightbox" style="display: none;" class="lightbox2-orig-layout">
<div style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);" id="outerImageContainer"><div id="modalContainer" style="display: none; padding: 10px;"></div>
    <div id="frameContainer" style="display: none; padding: 10px;"></div>
    <div id="imageContainer" style="display: none; padding: 10px;">
        <img id="lightboxImage" alt="">
        <div id="hoverNav">
            <a style="padding-top: 10px;" id="prevLink" title="Previous" href="#"></a>
            <a style="padding-top: 10px;" id="nextLink" title="Next" href="#"></a>
        </div>
    </div>
    <div id="loading">
            <a href="#" id="loadingLink"></a>
    </div>
</div>
<div style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);" id="imageDataContainer" class="clearfix">
    <div id="imageData">
        <div id="imageDetails">
            <span id="caption"></span>
            <span id="numberDisplay"></span>
        </div>
        <div id="bottomNav"><div id="frameHoverNav"><a style="padding-top: 10px;" id="framePrevLink" title="Previous" href="#"></a><a style="padding-top: 10px;" id="frameNextLink" title="Next" href="#"></a></div><a style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);" id="bottomNavClose" title="Close" href="#"></a><a id="bottomNavZoom" href="#"></a><a id="bottomNavZoomOut" href="#"></a><a id="lightshowPause" title="Pause Slideshow" href="#" style="display: none;"></a><a id="lightshowPlay" title="Play Slideshow" href="#" style="display: none;"></a></div></div>        </div>      </div>


<script type="text/javascript">
    /* <![CDATA[ */
    var google_conversion_id = 995351243;
    var google_conversion_label = "OWqVCN21jwUQy7XP2gM";
    var google_custom_params = window.google_tag_params;
    var google_remarketing_only = true;
    /* ]]> */
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
    <div style="display:inline;">
        <img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/995351243/?value=1.000000&amp;label=OWqVCN21jwUQy7XP2gM&amp;guid=ON&amp;script=0"/>
    </div>
</noscript>

<script src="http://heropatches.com/wp-content/themes/heropatches/js/jquery.prettyPhoto.js"></script>

<!--form validation-->
<script type="text/javascript">

</script>
<!--END form validation-->
<!-- Used to fire the modal -->
    <script>
        (function () {
            $('.mod_button_sign2').on('click',function(e){
                e.preventDefault();
                var expr = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
                if($(".mod-mail-input2").val() == '')
                {
                    alert('Please Enter Your Email');
                }else if (!expr.test($('.mod-mail-input2').val())) {
                    alert("Invalid email address.");
                    $('.mod-mail-input2').select();
                }else{
                    $('#ouibounce-modal').hide();
                    $('#popup-form').submit();
                }

            });
        }());
        // if you want to use the 'fire' or 'disable' fn,
        // you need to save OuiBounce to an object
        var _ouibounce = ouibounce(document.getElementById('ouibounce-modal'), {
            aggressive: false,
            timer: 0,
            callback: function() {
//                console.log('ouibounce fired!');
            }
        });

        $('body').on('click', function() {
            $('#ouibounce-modal').hide();
        });

        $('#ouibounce-modal .mod_close').on('click', function() {
            $('#ouibounce-modal').hide();
        });

        $('#ouibounce-modal .modalOui').on('click', function(e) {
            e.stopPropagation();
        });
    </script>
<script type="text/javascript">
    adroll_adv_id = "JR4EJNJEY5B7TNJ7VC2XQA";
    adroll_pix_id = "WRE5ZOQM2JHPJLZIBWBOON";
    (function () {
        var oldonload = window.onload;
        window.onload = function(){
            __adroll_loaded=true;
            var scr = document.createElement("script");
            var host = (("https:" == document.location.protocol) ? "https://s.adroll.com" : "http://a.adroll.com");
            scr.setAttribute('async', 'true');
            scr.type = "text/javascript";
            scr.src = host + "/j/roundtrip.js";
            ((document.getElementsByTagName('head') || [null])[0] ||
                document.getElementsByTagName('script')[0].parentNode).appendChild(scr);
            if(oldonload){oldonload()}};
    }());
</script>



</body>
</html>

